<div class="modal fade" id="emailForm" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title submit-result">Send Worker Email</h4>
      </div>

      <div class="modal-body">
        <div class="form-group row">
          <label for="workerTime" class="col-sm-2 col-form-label">Worker Time</label>
          <div class="col-sm-10">
            <span class="form-control workerTime" style="text-align:left;"></span>
          </div>
        </div>
        <div class="form-group row">
          <label for="inputBonusAmt" class="col-sm-2 col-form-label">Bonus</label>
          <div class="col-sm-10">
            <span  class="form-control readonlyBonusAmt"></span>
          </div>
        </div>
        <div class="form-group row">
          <label for="inputBonusAmt" class="col-md-2 col-form-label">Worker Browser</label>
          <div class="col-sm-10">
            <span type="text" class="form-control readonlyBrowser" ><span>
          </div>
        </div>
        <div class="form-group row">
          <label for="inputMessage" class="col-sm-2 col-form-label">Subject</label>
          <div class="col-sm-10">
            <input class="form-control" id="inputEmailSubject"/>
          </div>
        </div>
        <div class="form-group row">
          <label for="inputMessage" class="col-sm-2 col-form-label" >Message</label>
          <div class="col-sm-10">
            <textarea class="form-control vresize" id="inputEmailMessage" style="height:21em;" placeholder="Thanks for your work"></textarea>
          </div>
        </div>
      </div>

      <div class="modal-footer">
        <button id="cancel-btn" type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
        <button id="email-btn" type="button" class="btn btn-primary">Send</button>
      </div>
    </div>
  </div>
</div>
